<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <!-- bootstrap -->
    <link href="../../../css/bootstrap.css" rel="stylesheet"/>
    <link href="../../../css/bootstrap-responsive.css" rel="stylesheet"/>
    <link href="../../../css/bootstrap-overrides.css" type="text/css" rel="stylesheet"/>

    <!-- global styles -->
    <link rel="stylesheet" type="text/css" href="../../../css/layout.css"/>
    <link rel="stylesheet" type="text/css" href="../../../css/elements.css"/>
    <link rel="stylesheet" type="text/css" href="../../../css/icons.css"/>

    <!-- libraries -->
    <link rel="stylesheet" type="text/css" href="../../../css/lib/font-awesome.css"/>

    <!-- this page specific styles -->
    <link rel="stylesheet" href="../../../css/compiled/signin.css" type="text/css" media="screen"/>

    <!-- open sans font -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,800italic,400,300,600,700,800'
          rel='stylesheet' type='text/css'/>

    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>


<!--大号模态框-->
<div   class="modal fade" id="model_window3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div  class="modal-dialog">
        <div  class="modal-content" style="width:900px;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">注册页面</h4>
            </div>
            <div class="modal-body" style="overflow:scroll;height:500px;">
                <iframe  id="_content3" scrolling="auto" name="_content3" width="100%" height="100%"
                         frameborder="0">
                </iframe>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<!-- background switcher -->
<div class="bg-switch visible-desktop">
    <div class="bgs">
        <a href="#" data-img="landscape.jpg" class="bg active">
            <img src="../../../imgs/bgs/landscape.jpg"/>
        </a>
        <a href="#" data-img="blueish.jpg" class="bg">
            <img src="../../../imgs/bgs/blueish.jpg"/>
        </a>
        <a href="#" data-img="7.jpg" class="bg">
            <img src="../../../imgs/bgs/7.jpg"/>
        </a>
        <a href="#" data-img="8.jpg" class="bg">
            <img src="../../../imgs/bgs/8.jpg"/>
        </a>
        <a href="#" data-img="9.jpg" class="bg">
            <img src="../../../imgs/bgs/9.jpg"/>
        </a>
        <a href="#" data-img="10.jpg" class="bg">
            <img src="../../../imgs/bgs/10.jpg"/>
        </a>
        <a href="#" data-img="11.jpg" class="bg">
            <img src="../../../imgs/bgs/11.jpg"/>
        </a>
    </div>
</div>
<div class="row-fluid login-wrapper">
    <a href="index.html">
        <img class="logo" src="../../../imgs/logo-white.png"/>
    </a>
    <font color="red">${msg }</font>
    <div class="span4 box">
        <div class="content-wrap">
            <form name="f1" method="post" action="${pageContext.request.contextPath}/admin_login.action" target="_parent">
                <input class="span12" type="text"  id="name" name="name" placeholder="姓名"/>
                <input class="span12" id="password"  type="password" name="password" placeholder="密码"/>
                <div class="remember">
                    <input id="remember-me" type="checkbox"/>
                    <label for="remember-me">记住密码</label>
                </div>
                <input type="submit" class="btn-glow primary login" value="登录"/>
                <a target="_top" id="admin_reg" href="${pageContext.request.contextPath }/jsp/admin/register.jsp">现在去注册一个新管理</a>
            </form>
        </div>
    </div>

</div>
<!-- scripts -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="../../../js/bootstrap.js"></script>
<script src="../../../js/theme.js"></script>
<!-- pre load bg imgs -->
<script type="text/javascript">
    $(function () {
        // bg switcher
        var $btns = $(".bg-switch .bg");
        $btns.click(function (e) {
            e.preventDefault();
            $btns.removeClass("active");
            $(this).addClass("active");
            var bg = $(this).data("img");
            $("html").css("background-image", "url('${pageContext.request.contextPath}/imgs/bgs/" + bg + "')");
        });

    });
</script>

</body>

<script type="text/javascript">
    //检查验证码
    function changeValidate() {
        var ran = Math.random();
        document.getElementById('imgCode').src =
            "${pageContext.request.contextPath }/codeImage?t=" + ran;

    }
    $(function () {
        $('#admin_reg').click(function () {
            <%--$("#_content3").attr("src", "${pageContext.request.contextPath }/jsp/admin/register.jsp");--%>
            <%--$('#model_window3').modal({show: true});--%>
            $("#model_window").modal('hidden.bs.modal',function () {
                alert('动态关闭父窗口');
            });
        })
    })
</script>


</html>

